<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="__PUBLIC__/Home/lib/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="__PUBLIC__/Home/css/css.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
</head>
<body>
<div style="width: 100%s">
    <div class="top">
        <div class="top_right">
            <ul>
                <li><a href="#">登录/注册</a></li>
                <li><a href="#">订单</a></li>
                <li><a href="#">收藏</a></li>
                <li><a href="#">帮助中心</a></li>
            </ul>
        </div>
    </div>
    <div class="nav">
        <div class="nav_left"><img src="__PUBLIC__/Home/images/logo.png"></div>
        <div class="nav_center">
            <ul>
                <li><a href="">首页</a></li>
                <li><a href="">男鞋</a></li>
                <li><a href="">女鞋</a></li>
                <li><a href="">私人定制</a></li>
                <li><a href="">WanXie App</a></li>
            </ul>
        </div>
        <div class="nav_right" >
            <input type="text" class="nav_right_input1"><input type="submit" value="搜索" class="nav_right_input2">
        </div>
    </div>
    <div class="sort_content">
        <div class="sort_content_left">
            <div class="sort_content_left_div">男鞋</div>
            <div>
                <ul>
                    <li>耐克</li>
                    <li>阿迪达斯</li>
                    <li>彪马</li>
                </ul>
            </div>
            <div class="sort_content_left_div">筛选</div>
            <div>
                <ul>
                    <li>价格</li>
                </ul>
            </div>
            <div class="sort_content_left_jiage">
                <input type="text" value="0">
                <span>-</span>
                <input type="text" value="999">
            </div>
            <div class="sort_content_left_leixing">
                <ul>
                    <li>类型</li>
                </ul>
                <input type="checkbox"> 休闲<p></p>
                <input type="checkbox"> 跑步<p></p>
                <input type="checkbox"> 高尔夫<p></p>
                <input type="checkbox"> 篮球<p></p>
                <input type="checkbox"> 网球<p></p>
                <input type="checkbox"> 足球
            </div>
            <div class="sort_content_left_leixing">
                 <ul>
                     <li>风格</li>
                 </ul>
                <input type="checkbox"> 复古<p></p>
                <input type="checkbox"> 未来<p></p>
            </div>
            <div>
                <ul>
                    <li>颜色</li>
                </ul>
                <div class="sort_content_left_color">
                    <div style="background-color: #020241"></div>
                    <div style="background-color: #020206"></div>
                    <div style="background-color: #ffffff;border: 1px solid black;"></div>
                    <div style="background-color: #ff0202"></div>
                    <div style="background-color: #ffff02"></div>
                    <p></p>
                    <div style="background-color: #02ff02"></div>
                    <div style="background-color: #0202ff"></div>
                    <div style="background-color: #616161"></div>
                    <div style="background-color: #919191"></div>
                    <div style="background-color: #fe9e9b"></div>
                </div>
            </div>
            <div class="sort_content_left_chima">
                <ul>
                    <li>尺码</li>
                </ul>
                <table width="100%" border="1">
                    <tr>
                        <td>35.5</td>
                        <td>36</td>
                        <td>36.5</td>
                        <td>37.5</td>
                        <td>38</td>
                    </tr>
                    <tr>
                        <td>38.5</td>
                        <td>39</td>
                        <td>40</td>
                        <td>40.5</td>
                        <td>41</td>
                    </tr>
                    <tr>
                        <td>42</td>
                        <td>42.5</td>
                        <td>43</td>
                        <td>44.5</td>
                        <td>XS</td>
                    </tr>
                    <tr>
                        <td>S</td>
                        <td>M</td>
                        <td>L</td>
                        <td>XL</td>
                        <td>XXL</td>
                    </tr>
                    <tr>
                        <td>XXXL</td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="sort_content_right ">
            <div class="sort_content_right_top">
                <div class="sort_content_right_top_left">男鞋 / (666)</div>
                <div class="sort_content_right_top_right">
                    <select>
                        <option>综合排序</option>
                        <option>你好</option>
                    </select>
                </div>
            </div>
            <div>
                 <table width="100%">
                     <tr>
                         <td><a href=""><img src="__PUBLIC__/Home/images/sort%20(5).png" style="width: 100%"></a></td>
                         <td><a href=""><img src="__PUBLIC__/Home/images/sort%20(6).png" style="width: 100%"></a></td>
                         <td><a href=""><img src="__PUBLIC__/Home/images/sort%20(7).png" style="width: 100%"></a></td>
                         <td><a href=""><img src="__PUBLIC__/Home/images/sort%20(8).png" style="width: 100%"></a></td>
                         <td><a href=""><img src="__PUBLIC__/Home/images/sort%20(9).png" style="width: 100%"></a></td>
                     </tr>
                     <tr>
                         <td>Air Jordan 6 Retro</td>
                         <td>Nike Air Foamposite One </td>
                         <td>LeBron XV EP    </td>
                         <td>Nike Air Force 1  07’LV8</td>
                         <td>Air Jordan 5 Retro</td>
                     </tr>
                     <tr style="color: #bababa;">
                         <td>男子运动鞋</td>
                         <td>男子运动鞋</td>
                         <td>男子运动鞋</td>
                         <td>男子运动鞋</td>
                         <td>男子运动鞋</td>       
                     </tr>
                     <tr>
                         <td>￥1399</td>
                         <td>￥1749</td>
                         <td>￥1599</td>
                         <td>￥799</td>
                         <td>￥2999</td>
                     </tr>
                 </table>
                 <table width="100%" class="sort_content_right_table">
                     <tr >
                         <td><a href=""><img src="__PUBLIC__/Home/images/sort4.png" style="width: 100%"></a></td>
                         <td><a href=""><img src="__PUBLIC__/Home/images/sort%20(3).png" style="width: 100%"></a></td>
                         <td><a href=""><img src="__PUBLIC__/Home/images/sort%20(2).png" style="width: 100%"></a></td>
                         <td><a href=""><img src="__PUBLIC__/Home/images/sort%20(10).png" style="width: 100%"></a></td>
                         <td><a href=""><img src="__PUBLIC__/Home/images/sort%20(1).png" style="width:100%;"></a></td>
                     </tr>
                     <tr>
                         <td>Nike Air Force 1 UitraForce Mid</td>
                         <td>Nike Air VaporMax Flyknit</td>
                         <td>Nike Air Zoom Pegasus 34</td>
                         <td>Air Jordan 13 Retro SNGL Day</td>
                         <td>Air Jordan 11 Retro</td>
                     </tr>
                     <tr style="color: #bababa;">
                         <td>男子运动鞋</td>
                         <td>男子运动鞋</td>
                         <td>男子运动鞋</td>
                         <td>男子运动鞋</td>
                         <td>男子运动鞋</td>
                     </tr>
                     <tr>
                         <td>￥849</td>
                         <td>￥1599</td>
                         <td>￥899</td>
                         <td>￥1399</td>
                         <td>￥1399</td>
                     </tr>
                 </table>
            </div>
            <div class="sort_content_right_fy">
                <ul class="pagination">
                    <li><a href="#">&laquo;</a></li>
                    <li class="active"><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li><a href="#">&raquo;</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="sort_content_right_foot"><img src="__PUBLIC__/Home/images/index_bottomimg.png" style="width: 100%;"></div>
</div>
</body>
</html>